<%@ taglib uri="http://java.sun.com/jsf/html" prefix="h" %>
<%@ taglib uri="http://java.sun.com/jsf/core" prefix="f" %>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>
<%@taglib uri="http://java.sun.com/jsp/jstl/fmt" prefix="fmt"%>
<div>
    <div id="laboralesCabecera" class="modificarCabecera" onclick="desplegable('laboralesCuerpo')"  >
         <fmt:bundle  basename="redinftel/properties/mensaje" ><fmt:message key="modificar.laboral"/></fmt:bundle>
    </div>
    <div id="laboralesCuerpo" class="modificarCuerpo">
        <div class ="informacionAniadir" id="nuevoLaboralesCabecera" onclick="desplegable('nuevoLaboralesCuerpo')"> <fmt:bundle  basename="redinftel/properties/mensaje" ><fmt:message key="modificar.anadir"/></fmt:bundle></div>
        <h:form prependId="false">
            <div id="nuevoLaboralesCuerpo" class="informacionOculta">
                <h:form>
                    <table>
                        <thead>

                        <th><fmt:bundle  basename="redinftel/properties/mensaje" ><fmt:message key="modificar.empresa"/></fmt:bundle></th>
                        <th><fmt:bundle  basename="redinftel/properties/mensaje" ><fmt:message key="modificar.ciudad"/></fmt:bundle></th>
                        <th><fmt:bundle  basename="redinftel/properties/mensaje" ><fmt:message key="modificar.inicio"/></fmt:bundle></th>
                        <th><fmt:bundle  basename="redinftel/properties/mensaje" ><fmt:message key="modificar.fin"/></fmt:bundle></th>
                        </thead>
                        <tbody>

                            <tr>

                                <td><h:inputText value="#{modificarBean.nuevoLaborales.empresa}"/></td>
                                <td><h:inputText value="#{modificarBean.nuevoLaborales.ciudad}"/></td>
                                <td>
                                    <h:selectOneMenu value="#{modificarBean.mesInicio}">
                                        <f:selectItems value="#{modificarBean.mesLista}" />
                                    </h:selectOneMenu>
                                    <h:selectOneMenu value="#{modificarBean.anyoInicio}">
                                        <f:selectItems value="#{modificarBean.anyoLista}" />
                                    </h:selectOneMenu>
                                </td><td>
                                    <h:selectOneMenu value="#{modificarBean.mesFin}">
                                        <f:selectItems value="#{modificarBean.mesLista}" />
                                    </h:selectOneMenu>
                                    <h:selectOneMenu value="#{modificarBean.anyoFin}">
                                        <f:selectItems value="#{modificarBean.anyoLista}" />
                                    </h:selectOneMenu>

                                </td>
                            </tr>

                        </tbody>
                    </table>
                    <h:commandButton styleClass="botonEnviar" action="#{modificarBean.nuevoLaboral}" />
                </h:form>
            </div>

            <table>
                <thead>
                <th>&nbsp;</th>
                <th><fmt:bundle  basename="redinftel/properties/mensaje" ><fmt:message key="modificar.empresa"/></fmt:bundle></th>
                <th><fmt:bundle  basename="redinftel/properties/mensaje" ><fmt:message key="modificar.ciudad"/></fmt:bundle></th>
                <th><fmt:bundle  basename="redinftel/properties/mensaje" ><fmt:message key="modificar.inicio"/></fmt:bundle></th>
                <th><fmt:bundle  basename="redinftel/properties/mensaje" ><fmt:message key="modificar.fin"/></fmt:bundle></th>
                </thead>
                <tbody>

                    <c:forEach var="linea" items="#{modificarBean.perfil.informacionLaboralCollection}">
                        <tr>
                            <td><input type="radio" name="linea" value="${linea.idLaboral}" /></td>
                            <td><h:inputText value="#{linea.empresa}"/></td>
                            <td><h:inputText value="#{linea.ciudad}"/></td>
                            <td>
                                <h:inputText value="#{linea.fechaInicio}">
                                    <f:convertDateTime pattern="MM/yyyy"  />
                                </h:inputText>
                            </td><td>
                                <h:inputText value="#{linea.fechaFin}"  >
                                    <f:convertDateTime pattern="MM/yyyy"  />
                                </h:inputText>

                            </td>
                        </tr>
                    </c:forEach>
                </tbody>
            </table>

            <h:commandButton styleClass="botonActualizar" action="#{modificarBean.doModificarLaborales}" />
            <h:commandButton styleClass="cancelar" action="#{modificarBean.doEliminarLaborales}" />
        </h:form>
    </div>
</div>